<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>我的VIP</title>
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/invest.css">
    <link rel="stylesheet" href="../css/jkd-tab.css">
    <link rel="stylesheet" href="../css/jquery-calendar.css" />
    <link rel="stylesheet" href="../css/jkdpop-box.css">
    <link rel="stylesheet" href="../css/chome.css">
    <script type="text/javascript" src="../lib/jquery-1.7.2.min.js"></script>
    <script src="../js/home.js"></script>
    <script src="../js/jquery.SuperSlide.2.1.1.js"></script>
    <script type="text/javascript" src="../js/jquery-calendar.js"></script>
</head>
<body>
<div id="header"></div>
<!--二.我的金开贷-->
<div class="my-jkd wd12 mg0">
    <!--侧边栏-->
    <div id="myjkd-leftmenu"></div>
    <!--侧边栏-r-->
    <div class="my-jkd-con vip fl">
        <div class="myjkd-vip back-w box-sh ">
            <div class="myjkd-transfer-til font18 colg tl-center pt-re">金开贷VIP </div>
            <div class="transfer-info fl"><span class="font18 colred">金开贷VIP </span>
                金开贷VIP 是为用户提供的一项增值服务,用户可通过购买成为金开贷VIP，并获得提现手续费5折的超值权限。
                后期金开贷还将上线VIP用户各项优先权、礼品商城专属商品兑换权等多项精彩特权，敬请期待。
            </div>
        </div>

        <div class="old-vipmg-top mg-top">
            <div class="newvipbgl fl box-sh">
                <div class="old-vipinfo">
                    <p class="font20 colg">VIP</p>
                    <P>到期时间 2018-05-01 </P>
                </div>
                <a id="buyOldvip"  class="old-vipgrbtn hov-alpha">购买VIP</a>
            </div>
            <div class="newvipbgr flr box-sh mg-bt">
                <div class="old-vipinfo">
                    <p class="font20 colg">特权</p>
                    <p>提现手续费5折优惠</p>
                </div>
                <a href="myjkd-withdraw.html" class="old-vipylbtn hov-alpha">提现</a>
            </div>
        </div>
        <script>
            $("#buyOldvip").click(function(){
                $(".myjkd-property").removeClass("dis-none");
                $(".old-vipmg-top").hide();
            });
        </script>
        <div style="clear: both"></div>
        <div class="myjkd-property  myjkd-trans back-w box-sh mg-tobo dis-none">
            <div class="withdraw-til font18 colg tl-center pt-re">成为VIP</div>
            <div style="clear: both"></div>
            <div class="transp">
               <span class="trans-name colg">VIP状态</span>
            </div>

            <div class="transp propertymy">
                <span class="trans-name">购买VIP期限</span>
                <span class="old-vipselc">
                    <select>
                        <option>请选择</option>
                    </select>
                </span>
            </div>

            <div class="transp">
                <span class="old-viptime">购买后VIP到期时间</span>
                <span>2018年1月1日</span>
            </div>

            <div class="transp">
                <span class="trans-name">应付金额</span>
                <span  class="colred">2.00元</span>
                <span>（账户可用余额：640.54元）</span>
                <a href="myjkd-recharge.html" class="colred line-un">充值</a>
                <div class="old-vipinput">
                    <span>使用金开币</span>
                    <input type="text">
                    <span>元</span>
                    <span>(账户可用金开币109.83元)</span>
                </div>
            </div>

            <div class="transp">
                <span class="trans-name">实际支付金额</span>
                <span class="colred">98.00元</span>
            </div>

            <div class="propertymy-redbtn">
                <a class="redbtn transp-pt tl-center col-w font18 hov-alpha">立即购买</a>
            </div>
        </div>
        <div style="clear: both"></div>
    </div>
</div>
<div style="clear: both"></div>
<div id="footer">
</div>
<style>
    .home-a2{color:#f15b3a }
    .jkd-li7{
        background: url("../images/jkd-icon.png") no-repeat 5px 2px;
    }
    .jkd-a7{
        background: url("../images/7.png") no-repeat;
        background-position:  14px 4px ;
        color: #f15b3a;
    }
</style>
</body>
</html>
